@import '@/styles/common/px2rem.scss';
.pintuan-recommend{
    // border: 1px solid red;
    width: 100%;
    background: #f5f5f5;
    .pin-tuan-title{
        border-bottom: 1px solid #eee;
        width: 100%;
        background: #fff;
        display: flex;
        overflow-x: scroll;
        position: fixed;
        top: 0;
        z-index: 1;
        text-align: center;
        li:first-child{
            margin:px2rem(14) px2rem(34);

        }
        li:last-child{
            margin:px2rem(14) px2rem(34);
            text-align: right;
        }
        .pinTuanTitle{
            flex-shrink: 0;
            font-size: px2rem(17);
            margin: px2rem(14) px2rem(20);
            color: #666;
            
        }
        .pinTuanTitle_active{
            // padding-bottom: px2rem(20);
            color: #fe4070;
            padding-bottom:px2rem(8);
            box-sizing: border-box;
            border-bottom: px2rem(2) solid #fe4070;  
        }
    }
    .pin-tuan-content{
        padding-top: px2rem(60);
        box-sizing: border-box;
        height: px2rem(615);
        // border: 1px solid red;
        overflow: auto;
        &__li{
            // border: 1px solid red;
            // width: 100%;
            margin-bottom: px2rem(8);
            background: #fff;
        }
        &__img{
            img{
                width: px2rem(128);
                height: px2rem(128);
                margin: 0 auto;
            }
        }
        &__title{
            width: 100%;
            padding: px2rem(14) px2rem(10);
            font-size: px2rem(8) !important;
            box-sizing: border-box;
            &-tag{
                color: #fe4070
            }
            &-title{
                color: #424242;
            }
        }
    }
    .pin-tuan-price{
        display: flex;
        justify-content: space-between;
        // border: 1px solid blue;
        position: relative;
        &__left{
            display: flex;
            flex-direction: column;
            padding:0 0 px2rem(10) px2rem(10);
            box-sizing: border-box;
            span:first-child{
                color: #fe4070;
            }
            span:last-child{
                font-size: px2rem(12);
                color: #999;
            }
        }
        &__right{
            background: #fe4070;
            color: #fff;
            position: absolute;
            border-radius: px2rem(26);
            padding: px2rem(6) px2rem(20);
            box-sizing: border-box;
            font-size: px2rem(16);
            top:50%;
            transform: translateY(-50%);
            right: px2rem(10);
        }
        &__right2{
            background: #fff;
            color: #fe4070;
            border: 1px solid #fe4070;
        }
    }
}
